<template>
  <div>
    <div>
      <div>
        <img src="@/assets/404_images/404.png" alt="404">
        <img src="@/assets/404_images/404_cloud.png" alt="404">
        <img src="@/assets/404_images/404_cloud.png" alt="404">
        <img src="@/assets/404_images/404_cloud.png" alt="404">
      </div>
      <div>
        <div><h1>访问路径错误！</h1></div>
        <div>{{ message }}</div>
        <div>Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>
        <el-button type="success" @click="goBack">Back to home</el-button>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Page404',
  methods: {
    goBack() {
      this.$router.go(-1)//返回上一页
    }
  },
  computed: {
    message() {
      return 'You do not have permission to access this page...'
    }
  }
}
</script>

<style>

</style>
